<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM简介及 获取元素</title>
</head>
<body>
    <!-- DOM 文档对象模型 
    DOM树结构
             文档 ：一个页面就是一个文档 ，DOM中使用 document 表示
             元素 ：页面中所有的标签都是元素，DOM中使用element表示
             节点 ： 网页中所有的内容都是节点（标签，属性，文本，注释等），DOM中使用 node表示
    -->

    <!-- 获取元素-->
    <div id="time">2022-4-11</div>
    <script>
        // 1 根据 ID 获取 get 获得 element 元素 by 通过 驼峰命名法
        // 2 参数 id 是大小写敏感的字符串
        // 3 返回的是一个元素对象
       var timer = document.getElementById('time');
       console.log(timer);
       console.log(typeof timer);
        //  console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法
       console.dir(timer);
    </script>
</body>
</html>